/**************************************
 *
 * VLOOK™ 模板主题
 *
 * powered by MAX°孟兆
 *
 * QQ Group: 805502564
 * Telegram Channel: t.me/vlook_markdown
 * email: maxchow@qq.com
 *
 * For(QQ): 1553211589
 * 2024-12
 *
 *************************************/

@import "../font";
@import "../color";
@import "../common";

@vlookQuery: @vlookQueryDef + "ws=auto";

// 主题信息
@themeVer: "V28.1";
@themeName: "vlook-x-hello";
@themeDesc: "× Hello";
@themeEmail: "1553211589@qq.com";

// 指定字体主题
.applyFontStyle(local);
// 文档背景使用图片
// .applyDocBgImg(@docBgImgLight_Twill_R, @docBgImgDark_Twill_R);
// 指定主题配套的圆角
.applyThemeRadius(big);
// 表格、插图指定居中对齐
.genTableAndFigureAlign(center);
// 生成指定的表格样式
.genTableStyle(modern);

:root {
    --thm-fav-logo-lg: url("");
    --thm-fav-logo-dk: var(--thm-fav-logo-lg);
}

// 主题主色
@theme1: #00B0F0;
@theme2: #F514BC;
@theme3: #FFFFFF;
@theme1Dark: #00B0F0;
@theme1Alt: #C8EDFA;
@theme1AltDark: #005E80;
@theme2Dark: #F514BC;
@theme2Alt: #FAD7F1;
@theme2AltDark: #800066;
@theme1Fade: rgba(red(@theme1), green(@theme1), blue(@theme1), @accOpacity);
@theme2Fade: rgba(red(@theme2), green(@theme2), blue(@theme2), @accOpacity);
@theme2FadeDark: rgba(red(@theme2), green(@theme2), blue(@theme2), 40%);

// 标题色
@headerColor: @theme1;
@headerColorDark: @theme1Dark;

// 渐变标题色 h1-h5
// 渐变标题色 h1-h5
@lg: linear-gradient(150deg, @theme2, @theme2 10%, @theme1 40%, @theme1);
.genLinearGradientHeader(h1, @lg);
.genLinearGradientHeader(h2, @lg);
.genLinearGradientHeader(h3, @lg);
.genLinearGradientHeader(h4, @lg);
.genLinearGradientHeader(h5, @lg);

@headerBackground: linear-gradient(0deg, var(--h-bg-start), var(--h-bg-end));
@headerPadding: 5px 0 5px 10px;

// 标题的上边框
@h1BorderTop: 9px solid var(--h-box-shadow);
@h2BorderTop: 7px solid var(--h-box-shadow);
@h3BorderTop: 5px solid var(--h-box-shadow);
@h4BorderTop: 3px solid var(--h-box-shadow);
@h5BorderTop: 1px solid var(--h-box-shadow);
@h6BorderTop: 0;
@h1Margin: 3em 0 0 0;
@h2Margin: 3em 0 0 0;
@h3Margin: 2em 0 0 0;
@h4Margin: 2em 0 0 0;
@h5Margin: 1.25em 0 0 0;
@h6Margin: 1em 0 0 0;

// 自定义标题自动编号
// 导出的 HTML 中不生效，须添加以下 VLOOK 的调校参数「vlook-header-autonum」
@vHeaderAutoNum: "h1{{第###章}}";
@h1BeforeContent: "第" counter(h1) "章";
@headerTextAlign: center;
@h1Margin: 2em 0 0 0;
@h2Margin: 2em 0 0 0;
@h3Margin: 1.5em 0 0 0;
@h4Margin: 1.5em 0 0 0;
@h5Margin: 1.25em 0 0 0;
@h6Margin: 1em 0 0 0;

@headerTextAlign: left;

// 行内代码
@codeTextColor: @theme2;

// 引用块默认色样式（与主题配套使用）
@quoteBgDefault: none;
@quoteBoxShadowDefault: 0 0 0 3px var(--blockquote-bg) inset;

// 按钮色
@buttonForeColor: @theme3;
@buttonForeHoverColor: @theme3;
@buttonBgColor: @theme1;
// 文库按钮颜色
@docLibButtonForeColor: @buttonForeColor;
@docLibButtonForeHoverColor: @buttonForeHoverColor;
@docLibButtonBgColor: @buttonBgColor;//linear-gradient(0deg, darken(@buttonBgColor, 10%), @buttonBgColor);
// 指定 kbd 按钮风格
.applyKbdRadius(leaf);

// 链接颜色
@aBorderWidth: 2px;
@aColor: @headerColor;
@aColorDark: @headerColorDark;
// @alinecolor: @theme2;
@aHoverColor: @theme2;
@aHoverColorDark: @theme2Dark;
@aActiveColor: desaturate(@aHoverColor, 25%);

// 表格边框
@tableBorderColor: var(--d-fc-a);
@tableBorderWidth: 0px;
@tableBorderLeftWidth: 0px;
@tableBorderRightWidth: 0px;
@tableBorderTopWidth: 0px;
@tableBorderBottomWidth: 2px;
@tableThBorderRightWidth: 1px solid var(--d-bc);
// 表格行 hover
@tableTrHoverBg: fade(@aHoverColor, 20%);
@tableTrHoverBgDark: fade(@aHoverColor, 25%);
// 表格背景
@tableBackground: var(--d-bc);
@tableThColor: var(--d-bc);
@tableThBackground: @tableBorderColor;
@tableTdBackground: none;
// 表格单元格阴影
@tableFirstThBoxShadow: none;
@tableThBoxShadow: 0 1px 0 var(--tbl-h-bd) inset;
@tableThRepeaterBoxShadow: @tableThBoxShadow;
@tableFirstTdBoxShadow: none;
@tableTdBoxShadow: 0 -1px 0 0 var(--tbl-cell-bd);

// 封面、封底文字位置及对齐方式
@coverTextAlign: left;
@coverTextPadding: 190px 60px 0;
@coverTextPaddingForMobile: 190px 20px 0;
@coverTextColor: @theme1;
@coverSubColor: @theme2;
@coverUnderlineColor: var(--d-fc-a);
@coverAuthorColor: @coverUnderlineColor;
@coverOwnerColor: @coverUnderlineColor;

@backcoverTextAlign: left;
@backcoverTextPadding: 220px 60px 0;
@backcoverTextPaddingForMobile: 200px 20px 0;
@backcoverTextColor: @theme3;

// 封面、封底标题的文字阴影样式
@coverTextShadow: none;
@backcoverTextShadow: none;

// 对比度边框色，用于主题色与背景色对比度比较低时的边缘视觉识别
@contrastBorder: 0 0 0 0 transparent;
@contrastBorderForCover: none;

// 封面背景设置
@coverBackgroundColor: var(--d-bc);
@coverBackgroundImage: var(--thm-c-logo), var(--thm-c-bg), var(--thm-bd-c1), var(--thm-bd-c2), var(--thm-bd-c3), var(--thm-bd-c4), var(--thm-bd-c-h), var(--thm-bd-c-v), var(--thm-bd-c-h), var(--thm-bd-c-v);
@__cCommSiz: 200px 200px, 25px 25px, 25px 25px, 25px 25px, calc(100% - 225px) 10px, 10px calc(100% - 50px), calc(100% - 50px) 10px, 10px calc(100% - 225px);
@coverBgSize: auto, auto, @__cCommSiz;
@coverBgSizeForMobile: auto, 380px 220px, @__cCommSiz;
@coverBackgroundSize: var(--thm-c-bg-size);
@coverBackgroundRepeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
@__cCommPos: top left, top right, bottom right, bottom left, top 0 left 200px, top 25px right 0, bottom 0 left 25px, left 0 top 200px;
@coverBgPosition: 60px 60px, right 20px bottom 20px, @__cCommPos;
@coverBgPositionForMobile: 20px 60px, right 10px bottom 20px, @__cCommPos;
@coverBackgroundPosition: var(--thm-c-bg-pos);

// 封底背景设置
@backcoverBackgroundColor: @coverBackgroundColor;
@backcoverBackgroundImage: var(--thm-bc-logo), var(--thm-bc-bg), linear-gradient(135deg, rgba(245,20,188,0.50), rgba(0,176,240,0.50));
@backcoverBgSize: auto, auto, auto;
@backcoverBgSizeForMobile: auto, 380px 220px, auto;
@backcoverBackgroundSize: var(--thm-bc-bg-size);
@backcoverBackgroundRepeat: no-repeat, no-repeat, no-repeat;
@backcoverBgPosition: 60px 60px, right 20px bottom 20px, left top;
@backcoverBgPositionForMobile: 20px 40px, right 0 bottom 10px, left top;
@backcoverBackgroundPosition: var(--thm-bc-bg-pos);

// 文档扩展区域背景
// @docExtBackgroundColor: var(--d-bc);
@docExtBackgroundImage: var(--thm-bc-bg),  var(--thm-doc-ext-bg);
@docExtBackgroundSize: 1140px 660px, auto;
@docExtBackgroundRepeat: no-repeat, no-repeat;
@docExtBackgroundPosition: right bottom, left top;

// 封面、封底素材资源
:root {
    --thm-c-logo: url("");
    --thm-c-bg: url("");
    --thm-bd-c1: url("");
    --thm-bd-c2: url("");
    --thm-bd-c3: url("");
    --thm-bd-c4: url("");
    --thm-bd-c-h: url("");
    --thm-bd-c-v: url("");
    // backcover
    --thm-bc-logo: url("");
    --thm-bc-bg: url("");
    --thm-doc-ext-bg: linear-gradient(135deg, @theme2Fade, @theme1Fade);
}

@import "../base";

// 生成线框风格的有序列表样式
.genOrderList(frame, rect);

// 生成指定风格的多级标签样式
.genBadgeStyle(dyn);

// 生成 GSA 样式
.genGSA_em();
